---
import { PreactCounter } from '../components/preact/PreactCounter.tsx';
import { Counter as ReactCounter } from '../components/react/ReactCounter.jsx';
import SolidCounter from '../components/solid/SolidCounter.tsx';
import SvelteCounter from '../components/svelte/SvelteCounter.svelte';
import VueCounter from '../components/vue/VueCounter.vue';

// Full Astro Component Syntax:
// https://docs.astro.build/basics/astro-components/
---

<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
	</head>
	<body>
		<main>
			<SvelteCounter id="svelte-counter" client:load>
				<SolidCounter id="solid-counter" client:load />
				<ReactCounter id="react-counter" client:load />
				<PreactCounter id="preact-counter" client:load />
				<VueCounter id="vue-counter" client:load />
			</SvelteCounter>
		</main>
	</body>
</html>
